<!--模板开始-->
<style type="text/css">
    
*
{
    padding: 0px;
    margin: 0px;
    -webkit-box-sizing: border-box;
}

body
{
    background-color: white;
}

#container
{
    width: 500px;
    height: 815px;
    position: absolute;
    overflow: hidden;
}
#container>div, #container > img
{
    position: absolute;
}
.huashang
{
    top: 0px;
}
.huaxia
{
    position: fixed;
    bottom: 0px;
}
.hua1
{
    left: -20px;
    top: 143px;
    -webkit-transform-origin: 50% 0%;
    -webkit-animation: hua1 2s linear infinite alternate;
}
@-webkit-keyframes hua1
{
    from  {-webkit-transform: rotate(0deg);}
    to    {-webkit-transform: rotate(-5deg);}
}
.hua2
{
    position: absolute;
    left: -15px;
    top: 111px;
    -webkit-transform: rotate(-20deg);
}
.hua3
{
    left: 37px;
    top: 46px;
    -webkit-transform-origin: 100% 0%;
    -webkit-animation: hua3 1s linear infinite alternate;
}
@-webkit-keyframes hua3
{
    from  {-webkit-transform: rotate(0deg);}
    to    {-webkit-transform: rotate(5deg);}
}
.hua4
{
    -webkit-transform: rotate(-67deg);
    top: 15px;
    left: 85px;
    -webkit-transform-origin: 100% 100%;
    -webkit-animation: hua4 1s linear infinite alternate;
}
@-webkit-keyframes hua4
{
    from  {-webkit-transform: rotate(-67deg);}
    to    {-webkit-transform: rotate(-65deg);}    
}
.ye1
{
    left: 62px;
    top: 16px;
    -webkit-transform-origin: 20% 0%;
    -webkit-animation: hua3 2s linear infinite alternate;
}
.ye2
{
    left: 124px;
    top: 11px;
    -webkit-transform-origin: 20% 0%;
    -webkit-animation: ye2 1s linear infinite alternate;
}
@-webkit-keyframes ye2
{
    from  {-webkit-transform: rotate(0deg);}
    to    {-webkit-transform: rotate(5deg);}
}
.ye3
{
    left: 244px;
    top: 12px;
    -webkit-transform: scale(-1,1);
     -webkit-transform-origin: 20% 0%;
    -webkit-animation: ye3 1s linear infinite alternate;
}
@-webkit-keyframes ye3
{
    from  {-webkit-transform: scale(-1,1) rotate(-5deg);}
    to    {-webkit-transform: scale(-1,1) rotate(-10deg);}
}
.ye4
{
    left: 325px;
    top: 15px;
    -webkit-transform: scale(-1,1);
     -webkit-transform-origin: 20% 0%;
     -webkit-animation: ye3 1.5s linear infinite alternate;
}
.hua5
{
    left: 322px;
    top: -27px;
    -webkit-transform-origin: 70% 10%;
    -webkit-animation: ye2 1s linear infinite alternate;
}
.ye5
{
    left: 378px;
    top: 44px;
    -webkit-transform-origin: 80% 0%;
    -webkit-animation: ye2 2s linear infinite alternate;
}
.hua6
{
    left: 419px;
    top: 89px;
    width: 102px;
    height: 170px;
    -webkit-transform-origin: 80% 10%;
    -webkit-animation: hua6 2s linear infinite alternate;
}
@-webkit-keyframes hua6
{
    from  {-webkit-transform: rotate(0deg);}
    to    {-webkit-transform: rotate(10deg);}
}
.hua7
{
    position: absolute;
    left: 17px;
    top: 102px;
    width: 70px;
    height: 117px;
    -webkit-transform-origin: 80% 20%;
    -webkit-transform: rotate(-39deg);
    -webkit-animation: hua7 2s 2s linear infinite alternate; 
}
@-webkit-keyframes hua7
{
    0%    {-webkit-transform: rotate(-39deg);}
    50%   {-webkit-transform: rotate(-20deg);}
    100%  {-webkit-transform: rotate(-10deg)}
}

.hua1-1
{
    -webkit-animation: hua1-1 7s linear infinite;
}
@-webkit-keyframes hua1-1
{
    0%   {-webkit-transform: translate(414px,61px) rotate(0deg);}
    20%  {-webkit-transform: translate(412px,59px) rotate(9.6deg);}
    40%  {-webkit-transform: translate(416px,60px) rotate(-1.8deg);} 
    60%  {-webkit-transform: translate(432px,66px) rotate(-16.1deg);}
    80%  {-webkit-transform: translate(434px,68px) rotate(-16.1deg);}
    100% {-webkit-transform: translate(414px,61px) rotate(0deg);}
}

.hua1-2
{
    -webkit-animation: hua1-2 7s linear infinite;
}
@-webkit-keyframes hua1-2
{
    0%   {-webkit-transform: translate(429px,122px) scale(0.55,0.55) rotate(-15.7deg);}
    20%  {-webkit-transform: translate(419px,119px) scale(0.55,0.55) rotate(-11.7deg);}
    40%  {-webkit-transform: translate(422px,116px) scale(0.55,0.55) rotate(-7.6deg);}
    60%  {-webkit-transform: translate(443px,121px) scale(0.55,0.55) rotate(-8.1deg);}
    80%  {-webkit-transform: translate(452px,122px) scale(0.55,0.55) rotate(-21.6deg);}
    100% {-webkit-transform: translate(429px,122px) scale(0.55,0.55) rotate(-15.7deg);}
}

.hua1-3
{
/*    left: 434px;
    top: 195px;*/
    -webkit-animation: hua1-3 7s linear infinite;
}
@-webkit-keyframes hua1-3
{
    0%   {-webkit-transform: translate(434px,195px) scale(0.7) rotate(0deg);}
    20%  {-webkit-transform: translate(426px,191px) scale(0.7) rotate(-8.8deg);}
    40%  {-webkit-transform: translate(417px,178px) scale(0.7) rotate(23deg);}
    60%  {-webkit-transform: translate(431px,181px) scale(0.7) rotate(26.2deg);}
    80%  {-webkit-transform: translate(451px,188px) scale(0.7) rotate(10.6deg);}
    100% {-webkit-transform: translate(434px,195px) scale(0.7) rotate(0deg);}
}

.hua1-4
{

    -webkit-animation: hua1-4 7s linear infinite;
}
@-webkit-keyframes hua1-4
{
    0%   {-webkit-transform: translate(422px,225px) rotate(16.5deg);}
    20%  {-webkit-transform: translate(418px,215px) rotate(6.4deg);}
    40%  {-webkit-transform: translate(414px,209px) rotate(19.5deg);}
    60%  {-webkit-transform: translate(426px,209px) rotate(37.9deg);}
    80%  {-webkit-transform: translate(448px,221px) rotate(21deg);}
    100% {-webkit-transform: translate(422px,225px) rotate(16.5deg);}
}
.ye1-1
{
    -webkit-transform: translate(-37px,498px) rotate(18.8deg);
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: ye1-1 1.5s linear infinite alternate;
}
@-webkit-keyframes ye1-1
{
    from  {-webkit-transform: translate(-37px,498px) rotate(17deg);}
    to    {-webkit-transform: translate(-37px,498px) rotate(20deg);}
}
.ye1-2
{
    -webkit-animation: ye1-2 1.5s linear infinite alternate;
}
@-webkit-keyframes ye1-2
{
    from  {-webkit-transform: translate(32px,558px) rotate(40.7deg);}
    to    {-webkit-transform: translate(38px,560px) rotate(42.7deg);}
}
.ye1-3
{
    top: 612px;
    -webkit-transform-origin: 50% 80%;
    -webkit-animation: ye2 1.5s linear infinite alternate;
}
.ye1-4
{
    left: 454px;
    top: 549px;
    width: 63px;
    height: 207px;
    -webkit-transform-origin: 50% 80%;
    -webkit-animation: ye2 1.5s linear infinite alternate;
}
.ye1-5
{
    position: absolute;
    left: -23px;
    top: -29px;
}
.chibang1
{
    position: absolute;
    -webkit-transform-origin: 100% 50%;
    left: 0px;
    top: 0px;
    -webkit-animation: chibang1 0.15s linear infinite alternate;
}
.chibang2
{
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform-origin: 100% 50%;
    -webkit-transform: scale(-1,1);
    -webkit-animation: chibang2 0.15s linear infinite alternate;
}
.hudie1
{
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform: translate(489px,236px) scale(0.3);
}
@-webkit-keyframes chibang1
{
    from  {-webkit-transform: scale(1,1);}
    to    {-webkit-transform: scale(0,1);}
}
@-webkit-keyframes chibang2
{
    from  {-webkit-transform: scale(-1,1);}
    to    {-webkit-transform: scale(0,1);}
}
.hudiediv1
{
    width: 500px;
    height: 500px;
    /*background-color: #000;*/
    top: 500px;
    left: -240px;
    -webkit-animation: fly1 9s linear infinite;
}
@-webkit-keyframes fly1
{
    0%    {-webkit-transform: rotate(0deg);}
    80%   {-webkit-transform: rotate(-100deg);}
    100%  {-webkit-transform: rotate(-100deg);}
}
.hudiediv2
{
    width: 130px;
    height: 130px;
    top: 621px;
    left: 263px;
    /*background-color: #000;*/
    -webkit-animation: fly2 8s linear infinite;
}
@-webkit-keyframes fly2
{
    0%   {-webkit-transform: rotate(0deg);}
    15%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
.hudie2
{
    -webkit-transform: translate(-9px, 110px) scale(0.3) rotate(-90deg);
}
.hudiediv3
{
    width: 740px;
    height: 740px;
    /*background-color: #000;*/
    left: -120px;
    top: 100px;
    -webkit-animation: fly3 8s 2s linear infinite;
}
@-webkit-keyframes fly3
{
    0%   {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(-90deg);}
}
.hudie3
{
    -webkit-transform: translate(0px,740px) scale(0.3) rotate(90deg);
}
.hudie4
{
    -webkit-transform: scale(0.3) rotate(27deg);
    position: absolute;
    top: -30px;
    left: -13px;
}
#titlediv
{
    width: 500px;
    height: 815px;
    left: 0px;
    position: absolute;
    /*background-color: #000;*/
}
#xin
{
    left: 193px;
    top: 320px;
    position: absolute;
    -webkit-transform: scale(0.5);
    /*-webkit-animation: xin 1.6s linear both;*/
}
@-webkit-keyframes xin
{
    0%    {-webkit-transform: scale(0.5);opacity: 1}
    20%   {-webkit-transform: scale(0.5);opacity: 1}
    40%   {-webkit-transform: scale(1);opacity: 1}
    55%   {-webkit-transform: scale(1);opacity: 1}
    75%   {-webkit-transform: scale(0.95);opacity: 1}
    100%  {-webkit-transform: scale(0.2);opacity: 0}
}
#yuan,#bian
{
    left: 135px;
    top: 263px;
    position: absolute;
    width: 230px;
    height: 230px;
}
#bianin
{
    position: absolute;
    width: 230px;
    height: 230px;
    -webkit-animation: rotating 25s linear infinite;
}
.hua2-1
{
    position: absolute;
    left: -14px;
    top: -13px;
    -webkit-transform: rotate(6deg);
}
.hua2-2
{
    position: absolute;
    left: 64px;
    top: -25px;
    -webkit-transform: rotate(32deg);
}
.hua2-3
{
    position: absolute;
    left: 80px;
    top: 205px;
    -webkit-transform: rotate(43deg);
}
.hua2-4
{
    position: absolute;
    left: 125px;
    top: 106px;
    -webkit-transform: rotate(20deg);
}
#yuan,#pagetitle
{
    opacity: 0;
    -webkit-transform: scale(0.25);
    /*-webkit-animation: yuan 2s 1.2s ease-out both;*/
}
@-webkit-keyframes yuan
{
    from  {-webkit-transform: scale(0.25);opacity: 0}
    to    {-webkit-transform: scale(1);opacity: 1}
}
@-webkit-keyframes rotating
{
    from   {-webkit-transform: rotate(0deg);}
    to     {-webkit-transform: rotate(-360deg);}
}
#bian
{
    opacity: 0;
    /*-webkit-animation: bian 2s 1s ease-in both;*/
}
@-webkit-keyframes bian
{
    from  {-webkit-transform: scale(0.2) rotate(0deg);opacity: 0}
    to    {-webkit-transform: scale(1) rotate(-90deg);opacity: 1}
}
@-webkit-keyframes yuan-out
{
    from  {-webkit-transform: scale(1);opacity: 1}
    to    {-webkit-transform: scale(2);opacity: 0}
}
@-webkit-keyframes bian-out
{
    from  {-webkit-transform: scale(1) rotate(-90deg);opacity: 1}
    to    {-webkit-transform: scale(2) rotate(-90deg);opacity: 0}
}
@-webkit-keyframes div1-in
{
    0%   {-webkit-transform: scale(1);opacity: 0}
    20%  {-webkit-transform: scale(1.04);opacity: 1}
    80%  {-webkit-transform: scale(1.16);opacity: 1}
    100% {-webkit-transform: scale(1.2);opacity: 0}
}
@-webkit-keyframes div11h-in
{
    0%   {-webkit-transform: scale(2);opacity: 0}
    20%  {-webkit-transform: scale(2.04);opacity: 0.2}
    80%  {-webkit-transform: scale(2.16);opacity: 0.2}
    100% {-webkit-transform: scale(2.2);opacity: 0}    
}
#div1,#div2-1,#div2,#div3,#div4-1,#div4,#div1-1,#div3-1
{
    opacity: 0;
}
@-webkit-keyframes div2h-in
{
    0%   {-webkit-transform: translate(65px,0px) scale(1.2);opacity: 0}
    20%  {-webkit-transform: translate(45px,0px) scale(1.2);opacity: 1}
    80%  {-webkit-transform: translate(-45px,0px) scale(1.2);opacity: 1}
    100% {-webkit-transform: translate(-65px,0px) scale(1.2);opacity: 0}
}
@-webkit-keyframes div21h-in
{
    0%   {-webkit-transform: translate(-75px,0px) scale(2);opacity: 0}
    20%  {-webkit-transform: translate(-45px,0px) scale(2);opacity: 0.3}
    80%  {-webkit-transform: translate(45px,0px) scale(2);opacity: 0.3}
    100% {-webkit-transform: translate(75px,0px) scale(2);opacity: 0}
}
@-webkit-keyframes div4h-in
{
    0%   {-webkit-transform: translate(-65px,0px) scale(1.2);opacity: 0}
    20%  {-webkit-transform: translate(-45px,0px) scale(1.2);opacity: 1}
    80%  {-webkit-transform: translate(45px,0px) scale(1.2);opacity: 1}
    100% {-webkit-transform: translate(65px,0px) scale(1.2);opacity: 0}
}
@-webkit-keyframes div41h-in
{
    0%   {-webkit-transform: translate(75px,0px) scale(2);opacity: 0}
    20%  {-webkit-transform: translate(45px,0px) scale(2);opacity: 0.3}
    80%  {-webkit-transform: translate(-45px,0px) scale(2);opacity: 0.3}
    100% {-webkit-transform: translate(-75px,0px) scale(2);opacity: 0}
}
.myword
{
    width: 400px;
    font-size: 25px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    position: absolute;
    top: 604px;
    left: 50px;
    text-shadow: 0px 0px 2px #000;
    opacity: 0;
}
@-webkit-keyframes fadein
{
    from   {opacity: 0}
    to     {opacity: 1}
}
@-webkit-keyframes fadeout
{
    from   {opacity: 1}
    to     {opacity: 0}
}
</style>

<div id='container'>
    <img src='{$skinurl}skin/qiangwei/bg.jpg'>


    <div id='div1-1'></div>
    <div id='div1'></div>



    <div id='div2-1'></div>
    <div id='div2'></div>

    <div id='div3-1'></div>
    <div id='div3'></div>

    <div id='div4-1'></div>
    <div id='div4'></div>

    <div class='hua1'>
        <img src='{$skinurl}skin/qiangwei/hua3.png'>
        <img class='hua2' src='{$skinurl}skin/qiangwei/hua4.png'>
    </div>

    <div id='word1' class='myword'></div>
    <div id='word2' class='myword'></div>
    <div id='word3' class='myword'></div>
    <div id='word4' class='myword'></div>

    <img class='ye5' src='{$skinurl}skin/qiangwei/ye.png'>
    <img class='hua5' src='{$skinurl}skin/qiangwei/hua8.png'>
    <img class='hua4' src='{$skinurl}skin/qiangwei/hua2.png'>
    <img class='hua3' src='{$skinurl}skin/qiangwei/hua8.png'>
    <img class='ye1' src='{$skinurl}skin/qiangwei/ye1.png'>
    <img class='ye2' src='{$skinurl}skin/qiangwei/ye1.png'>
    <img class='ye3' src='{$skinurl}skin/qiangwei/ye1.png'>
    <img class='ye4' src='{$skinurl}skin/qiangwei/ye1.png'>


    <img class='hua1-1' src='{$skinurl}skin/qiangwei/hua4.png'>
    <img class='hua1-2' src='{$skinurl}skin/qiangwei/hua4.png'>
    <img class='hua1-3' src='{$skinurl}skin/qiangwei/hua3.png'>
    <img class='hua1-4' src='{$skinurl}skin/qiangwei/hua2.png'>


    <img class='ye1-1' src='{$skinurl}skin/qiangwei/hua6.png'>
    <img class='ye1-2' src='{$skinurl}skin/qiangwei/hua9.png'>
    <img class='ye1-3' src='{$skinurl}skin/qiangwei/hua7.png'>


    <div class='ye1-4'>
        <img src='{$skinurl}skin/qiangwei/hua6.png'>
        <img class='ye1-5' src='{$skinurl}skin/qiangwei/hua5.png'>
        <div class='hudie4'>
            <img class='chibang1' src='{$skinurl}skin/qiangwei/hudie.png'>
            <img class='chibang2' src='{$skinurl}skin/qiangwei/hudie.png'>
        </div>
    </div>


    <div id='titlediv'>

        <img id='yuan' src='{$skinurl}skin/qiangwei/yuan.png'>
        <div id='bian'>
            <div id='bianin'>
                <img class='hua2-1' src='{$skinurl}skin/qiangwei/hua7.png'>
                <img class='hua2-2' src='{$skinurl}skin/qiangwei/hua9.png'>
                <img class='hua2-3' src='{$skinurl}skin/qiangwei/hua2.png'>
                <img class='hua2-4' src='{$skinurl}skin/qiangwei/hua4.png'>
            </div>
        </div>
        <div id='pagetitle' style='position:absolute;width:190px;height:110px;top:324px;left:155px;overflow:hidden;display:table;'>
            <div id='titlecontent' style='width:190px;height:110px;vertical-align:middle;display:table-cell;text-align:center;font-size:18px;line-height:32px;color:#5a9336;'>阿坤健身大开始接电话阿克苏接电话啊卡较好的啊看世界的好</div>
        </div>
        <img id='xin' src='{$skinurl}skin/qiangwei/xin.png'>

    </div>




    <div class='hudiediv1'>
        <div class='hudie1'>
            <img class='chibang1' src='{$skinurl}skin/qiangwei/hudie.png'>
            <img class='chibang2' src='{$skinurl}skin/qiangwei/hudie.png'>
        </div>
    </div>

    <div class='hudiediv2'>
        <div class='hudie2'>
            <img class='chibang1' src='{$skinurl}skin/qiangwei/hudie.png'>
            <img class='chibang2' src='{$skinurl}skin/qiangwei/hudie.png'>
        </div>
    </div>

    <img class='huashang' src='{$skinurl}skin/qiangwei/shang.png'>
    <img class='huaxia' style='position:fixed;' src='{$skinurl}skin/qiangwei/xia.png'>


    <div class='hudiediv3'>
        <div class='hudie3'>
            <img class='chibang1' src='{$skinurl}skin/qiangwei/hudie.png'>
            <img class='chibang2' src='{$skinurl}skin/qiangwei/hudie.png'>
        </div>
    </div>
</div>

<script>



function  id (name) 
{
    return document.getElementById(name);
}


function showtitle()
{
    id('xin').style.webkitAnimation = 'xin 1.6s linear both';
    id('yuan').style.webkitAnimation = 'yuan 2s 1.2s ease-out both';
    id('pagetitle').style.webkitAnimation = 'yuan 2s 1.2s ease-out both';
    id('bian').style.webkitAnimation = 'bian 2s 1s ease-in both';
    id('titlecontent').innerHTML = e_title;

}

function liangziyun_kawa()
{
    id('yuan').style.webkitAnimation = 'yuan-out 1.6s linear both';
    id('pagetitle').style.webkitAnimation = 'yuan-out 1.6s linear both';
    id('bian').style.webkitAnimation = 'bian-out 1.6s linear both';
    timeout[3] = setTimeout(show1,1500)
}

function show1()
{
    setImage('1');

    id('div1-1').style.top = id('div1').style.top;
    id('div1-1').style.left = id('div1').style.left;
    id('div1-1').style.width = id('div1').style.width;
    id('div1-1').style.height = id('div1').style.height;
    id('div1-1').style.backgroundImage = id('div1').style.backgroundImage;
    id('div1-1').style.backgroundSize = id('div1').style.backgroundSize;

    id('div1').style.webkitAnimation = 'div1-in 6s linear both';
    id('div1-1').style.webkitAnimation = 'div11h-in 6s linear both';

    id('div4').style.webkitAnimation = '';
    id('div4-1').style.webkitAnimation = '';

    id('word1').style.webkitAnimation = 'fadein 0.5s 0.5s linear both';
    id('word4').style.webkitAnimation = 'fadeout 0.5s linear both';

    timeout[1] = setTimeout(show2, 6000)
}

function show2()
{
    setImage('2');
    
    id('div2-1').style.top = id('div2').style.top;
    id('div2-1').style.left = id('div2').style.left;
    id('div2-1').style.width = id('div2').style.width;
    id('div2-1').style.height = id('div2').style.height;
    id('div2-1').style.backgroundImage = id('div2').style.backgroundImage;
    id('div2-1').style.backgroundSize = id('div2').style.backgroundSize;

    id('div2').style.webkitAnimation = 'div2h-in 6s linear both';
    id('div2-1').style.webkitAnimation = 'div21h-in 6s linear both';

    id('div1').style.webkitAnimation = '';
    id('div1-1').style.webkitAnimation = '';

    id('word2').style.webkitAnimation = 'fadein 0.5s 0.5s linear both';
    id('word1').style.webkitAnimation = 'fadeout 0.5s linear both';

    timeout[2] = setTimeout(show3, 6000)
}


function show3()
{
    setImage('3');

    id('div3-1').style.top = id('div3').style.top;
    id('div3-1').style.left = id('div3').style.left;
    id('div3-1').style.width = id('div3').style.width;
    id('div3-1').style.height = id('div3').style.height;
    id('div3-1').style.backgroundImage = id('div3').style.backgroundImage;
    id('div3-1').style.backgroundSize = id('div3').style.backgroundSize;

    id('div3').style.webkitAnimation = 'div1-in 6s linear both';
    id('div3-1').style.webkitAnimation = 'div11h-in 6s linear both';

    id('div2').style.webkitAnimation = '';
    id('div2-1').style.webkitAnimation = '';

    id('word3').style.webkitAnimation = 'fadein 0.5s 0.5s linear both';
    id('word2').style.webkitAnimation = 'fadeout 0.5s linear both';

    timeout[3] = setTimeout(show4, 6000)
}

function show4()
{
    setImage('4');
    
    id('div4-1').style.top = id('div4').style.top;
    id('div4-1').style.left = id('div4').style.left;
    id('div4-1').style.width = id('div4').style.width;
    id('div4-1').style.height = id('div4').style.height;
    id('div4-1').style.backgroundImage = id('div4').style.backgroundImage;
    id('div4-1').style.backgroundSize = id('div4').style.backgroundSize;

    id('div4').style.webkitAnimation = 'div4h-in 6s linear both';
    id('div4-1').style.webkitAnimation = 'div41h-in 6s linear both';

    id('div3').style.webkitAnimation = '';
    id('div3-1').style.webkitAnimation = '';

    id('word4').style.webkitAnimation = 'fadein 0.5s 0.5s linear both';
    id('word3').style.webkitAnimation = 'fadeout 0.5s linear both';    

    timeout[4] = setTimeout(show1, 6000)
}

//本模板为深圳量子云科技有限公司版权所有，已申请版权保护，侵权必究。
function setImage(idname)
{

    if(reshow == true)
        return;

    while(Onload_imgs_url[image_url_index] == 'not find' || Onload_imgs_url[image_url_index] == 'loading')
    {
        if(image_url_index % step_loadnum == 0)
        {
            step_load();
        }
        image_url_index++;
        if(image_url_index == Onload_imgs_url.length)
            image_url_index = 0;
    }

    if(image_url_index % step_loadnum == 0)
    {
        step_load();
    }
    var img_bili = image_size_width[image_url_index]/image_size_height[image_url_index];

    var div = id('div'+idname);

    div.style.backgroundImage = 'url('+Onload_imgs_url[image_url_index]+')';

    var word = id('word' + idname);
    var str = words[get_pid(Onload_imgs_url[image_url_index])];
    if(str != undefined)
    {
        word.innerHTML = str;
    }
    else
    {
        word.innerHTML = '';
    }
    //500 780
    if(img_bili < (500/780))
    {
        var height = 780;
        var width = 780 * img_bili;
        var top = 10;
        var left = (500-width)/2;
    }
    else if(img_bili <= 1)
    {
        var width = 500;
        var height = 500 / img_bili;
        var left = 0;
        var top = (780-height)/2
    }
    else if(img_bili > 1)
    {
        var width = 500;
        var height = 500/img_bili;
        var left = 0;
        var top = (780-height)/2;
    } 

    div.style.width = width + 'px';
    div.style.height = height + 'px';
    div.style.left = left + 'px';
    div.style.top = top + 'px';
    div.style.backgroundSize = (width-0) + 'px ' + (height-0) + 'px';


    image_url_index ++;
    if(image_url_index == Onload_imgs_url.length)
      image_url_index = 0;
}

var get_pid = function(url)
{
    var index1 = url.indexOf("?");
    if(index1 != -1)
    {
        url = url.substr(0, index1);
    }
    return url.toString().substr(url.lastIndexOf("/") + 1);
}

//每次执行加载后5张图片
var bl_keepload = 'first';
var step_loadnum = 5;
function step_load()
{
    var load_num = 0
    //初步加载X张
    if(image_url_index  == 0 && bl_keepload == 'first')
    {
        console.log('loading continue');
        if(slider_images_url.length > step_loadnum)
        {
            load_num = step_loadnum;
            bl_keepload = 'next';
        }
        else
        {
            load_num = slider_images_url.length;
            bl_keepload = 'end';
        }
        for(var i = 0; i< load_num; i++)
        {
            var img=new Image();
            img.index=i;
            img.src=slider_images_url[i];
            img.onload=image_onload;
            img.onerror= image_onerror;
            Onload_imgs_url[i] = 'loading';
        }
    }
    else if(bl_keepload == 'end')
    {
        return;
    }
    else
    {
         console.log('loading continue');
        if(slider_images_url.length - image_url_index >step_loadnum*2)
        { 
            load_num = step_loadnum;
        }
        else
        {
            load_num = slider_images_url.length - image_url_index - step_loadnum;
            bl_keepload = 'end';
        }
        for(var i = image_url_index +step_loadnum; i< image_url_index + step_loadnum + load_num; i++)
        {
            var img=new Image();
            img.index=i;
            img.src=slider_images_url[i];
            img.onload=image_onload;
            img.onerror= image_onerror;
            Onload_imgs_url[i] = 'loading';
        }
    }

}
function load_images()
{
    reshow = false;
    image_size_width=[];
    image_size_height=[];
    Onload_imgs_url=[];
    image_url_index=0;
    have_num = 0;
    error_num = 0;
    begin_titletime = new Date();
    begin_titletime = begin_titletime.getTime();
    canshow = true;
    showtitle();
    bl_keepload = 'first';
    step_load();       
}

function image_onerror(event)
{
    var img = event.target;
    var index = img.index;
    if(index<step_loadnum)
        error_num ++;
    Onload_imgs_url[index] = 'not find';

    if((have_num+error_num >= step_loadnum || slider_images_url.length == (have_num+error_num)) && canshow == true)
    {   
        reshow = false;
        canshow =false;
        if(have_num == 0)
            return;
        var end_titletime = new Date();
        end_titletime = end_titletime.getTime();
        var dis_titletime = Math.abs(end_titletime-begin_titletime);
        if(dis_titletime>delaytime)
        {
            liangziyun_kawa();
        }
        else
        {
            dis_titletime = delaytime- dis_titletime;
            timeout[0] = setTimeout(function()
                {
                    liangziyun_kawa();
                },dis_titletime);
        }
    }
}

function image_onload(event)
{
    if(reshow == true)
        return;

    var img = event.target;
    var index = img.index;

    if(index<step_loadnum)
    {
        have_num++;
    }
    Onload_imgs_url[index] = img.src;
    image_size_height[index] = img.height;
    image_size_width[index] = img.width;

    console.log(Onload_imgs_url[index]);
    // console.log(have_num + '-' + error_num);

    if((have_num + error_num >= step_loadnum ||slider_images_url.length == (have_num+error_num)) && canshow == true)
    {   
        reshow = false;
        canshow =false;
        if(have_num == 0)
            return;
        var end_titletime = new Date();
        end_titletime = end_titletime.getTime();
        var dis_titletime = Math.abs(end_titletime-begin_titletime);
        if(dis_titletime>delaytime)
        {
            liangziyun_kawa();
        }
        else
        {
            dis_titletime = delaytime- dis_titletime;
            timeout[0] = setTimeout(function()
                {
                    liangziyun_kawa();
                },dis_titletime);
        }

    }
}
var image_size_width=[];
var image_size_height=[];
var image_url_index=0;
var have_num = 0;
var error_num = 0;
var canshow = true;
var reshow = false;
var delaytime=6000;
var timeout = [];

call_me(load_images);


function reload_scene()
{
    clearnode();
    reshow = true;
    setTimeout(load_images,100);
}

function clearnode()
{

    for(var i = 0; i<timeout.length; i++)
    {
        clearTimeout(timeout[i]);
    }

    var itemlist = ['pagetitle','xin','yuan','bian','div1-1','div1','div2-1','div2','div3','div3-1','div4','div4-1','word1','word2','word3','word4'];

    for(var i =0; i<itemlist.length;i++)
    {
        id(itemlist[i]).style.webkitAnimation = '';
    }

}

</script>
<!-- 模板结束 -->